<!DOCTYPE html>
<!--**
 *Created by wf_H on 2018/9/20.
 *by:web_hwf@sina.com
 *-->
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>工作台</title>

    <!--使用IE兼容模式渲染-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <meta name="renderer" content="webkit">

    <link rel="stylesheet" href="../style/dist/zui@1.8.1/css/zui.min.css">
    <link rel="stylesheet" href="../style/dist/zui@1.8.1/css/zui-theme.css">
    <link rel="stylesheet" href="../style/dist/hover.css">

    <link rel="stylesheet" href="../style/h-base.css">
    <link rel="stylesheet" href="../style/h-index.css">


</head>
<body class="childrenBody">
<div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12">
        <!--nav 部件-->
        <div class="nav_list_2">
            <div class="text_title">实时概况 <span>（今日）</span></div>
            <span class="right_text">更新时间：2018-09-20 20:23:22</span>
        </div>
        <div class="xzsj_list">
            <div class="row">
                <div class="gzt_item col-lg-3 col-md-6 col-sm-6 col-xs-12">
                    <div class="box box1 ">
                        <div class="clearfix">
                            <div class="top_title">注册人数<span></span></div>
                            <!--
                            data-from="50" 起始值
                             data-to="68"  结束值
                            -->
                            <p class="timer  count-number" data-from="50" data-to="68" data-speed="1500">68</p> <!---->
                            <div class="number_list">
                                <div class="number_item">0</div>
                                <div class="number_item">0</div>
                                <div class="number_item">0</div>
                                <div class="number_item">6</div>
                                <div class="number_item">8</div>
                            </div>
                        </div>
                        <p><span>本周累计: 68908  </span>    <span>本月累计: 68908</span> </p>
                    </div>

                </div>
                <div class="gzt_item col-lg-3 col-md-6 col-sm-6 col-xs-12">
                    <div class="box box2">
                        <div class="clearfix">
                            <div class="top_title">正在申请数<span></span></div>
                            <p class="timer  count-number" data-from="50" data-to="68" data-speed="1500">68</p> <!---->
                            <div class="number_list">
                                <div class="number_item">0</div>
                                <div class="number_item">0</div>
                                <div class="number_item">0</div>
                                <div class="number_item">6</div>
                                <div class="number_item">8</div>
                            </div>
                        </div>
                        <p><span>本周累计: 68908  </span>    <span>本月累计: 68908</span> </p>
                    </div>
                </div>
                <div class="gzt_item col-lg-3 col-md-6 col-sm-6 col-xs-12">
                    <div class="box box3">
                        <div class="clearfix">
                            <div class="top_title">审核数<span></span></div>
                            <p class="timer  count-number" data-from="50" data-to="68" data-speed="1500">68</p> <!---->
                            <div class="number_list">
                                <div class="number_item">0</div>
                                <div class="number_item">0</div>
                                <div class="number_item">0</div>
                                <div class="number_item">6</div>
                                <div class="number_item">8</div>
                            </div>
                        </div>
                        <p><span>本周累计: 68908  </span>    <span>本月累计: 68908</span> </p>
                    </div>
                </div>
                <div class="gzt_item col-lg-3 col-md-6 col-sm-6 col-xs-12">
                    <div class="box box4">
                        <div class="clearfix">
                            <div class="top_title">通过数<span></span></div>
                            <p class="timer  count-number" data-from="50" data-to="68" data-speed="1500">68</p> <!---->
                            <div class="number_list">
                                <div class="number_item">0</div>
                                <div class="number_item">0</div>
                                <div class="number_item">0</div>
                                <div class="number_item">6</div>
                                <div class="number_item">8</div>
                            </div>
                        </div>
                        <p><span>本周累计: 68908  </span>    <span>本月累计: 68908</span> </p>
                    </div>
                </div>
                <div class="gzt_item col-lg-3 col-md-6 col-sm-6 col-xs-12">
                    <div class="box box5">
                        <div class="clearfix">
                            <div class="top_title">浏览数<span></span></div>
                            <p class="timer  count-number" data-from="50" data-to="68" data-speed="1500">68</p> <!---->
                            <div class="number_list">
                                <div class="number_item">0</div>
                                <div class="number_item">0</div>
                                <div class="number_item">0</div>
                                <div class="number_item">6</div>
                                <div class="number_item">8</div>
                            </div>
                        </div>
                        <p><span>本周累计: 68908  </span>    <span>本月累计: 68908</span> </p>
                    </div>
                </div>
                <div class="gzt_item col-lg-3 col-md-6 col-sm-6 col-xs-12">
                    <div class="box box6">
                        <div class="clearfix">
                            <div class="top_title">访客数<span></span></div>
                            <p class="timer  count-number" data-from="50" data-to="68" data-speed="1500">68</p> <!---->
                            <div class="number_list">
                                <div class="number_item">0</div>
                                <div class="number_item">0</div>
                                <div class="number_item">0</div>
                                <div class="number_item">6</div>
                                <div class="number_item">8</div>
                            </div>
                        </div>
                        <p><span>本周累计: 68908  </span>    <span>本月累计: 68908</span> </p>
                    </div>
                </div>
                <div class="gzt_item col-lg-3 col-md-6 col-sm-6 col-xs-12">
                    <div class="box box7">
                        <div class="clearfix">
                            <div class="top_title">职工<span></span></div>
                            <p class="timer  count-number" data-from="50" data-to="68" data-speed="1500">68</p> <!---->
                            <div class="number_list">
                                <div class="number_item">0</div>
                                <div class="number_item">0</div>
                                <div class="number_item">0</div>
                                <div class="number_item">6</div>
                                <div class="number_item">8</div>
                            </div>
                        </div>
                        <p><span>本周累计: 68908  </span>    <span>本月累计: 68908</span> </p>
                    </div>
                </div>
                <div class="gzt_item col-lg-3 col-md-6 col-sm-6 col-xs-12">
                    <div class="box box8">
                        <div class="clearfix">
                            <div class="top_title">企业<span></span></div>
                            <p class="timer  count-number" data-from="50" data-to="68" data-speed="1500">68</p> <!---->
                            <div class="number_list">
                                <div class="number_item">0</div>
                                <div class="number_item">0</div>
                                <div class="number_item">0</div>
                                <div class="number_item">6</div>
                                <div class="number_item">8</div>
                            </div>
                        </div>
                        <p><span>本周累计: 68908  </span>    <span>本月累计: 68908</span> </p>
                    </div>
                </div>
                <div class="gzt_item col-lg-3 col-md-6 col-sm-6 col-xs-12">
                    <div class="box box9">
                        <div class="clearfix">
                            <div class="top_title">补贴<span></span></div>
                            <p class="timer  count-number" data-from="50" data-to="68" data-speed="1500">68</p> <!---->
                            <div class="number_list">
                                <div class="number_item">0</div>
                                <div class="number_item">0</div>
                                <div class="number_item">0</div>
                                <div class="number_item">6</div>
                                <div class="number_item">8</div>
                            </div>
                        </div>
                        <p><span>本周累计: 68908  </span>    <span>本月累计: 68908</span> </p>
                    </div>
                </div>
                <div class="gzt_item col-lg-3 col-md-6 col-sm-6 col-xs-12">
                    <div class="box box10">
                        <div class="clearfix">
                            <div class="top_title">培训<span></span></div>
                            <p class="timer  count-number" data-from="50" data-to="68" data-speed="1500">68</p> <!---->
                            <div class="number_list">
                                <div class="number_item">0</div>
                                <div class="number_item">0</div>
                                <div class="number_item">0</div>
                                <div class="number_item">6</div>
                                <div class="number_item">8</div>
                            </div>
                        </div>
                        <p><span>本周累计: 68908  </span>    <span>本月累计: 68908</span> </p>
                    </div>
                </div>
                <div class="gzt_item col-lg-3 col-md-6 col-sm-6 col-xs-12">
                    <div class="box box11">
                        <div class="clearfix">
                            <div class="top_title">票券<span></span></div>
                            <p class="timer  count-number" data-from="50" data-to="68" data-speed="1500">68</p> <!---->
                            <div class="number_list">
                                <div class="number_item">0</div>
                                <div class="number_item">0</div>
                                <div class="number_item">0</div>
                                <div class="number_item">6</div>
                                <div class="number_item">8</div>
                            </div>
                        </div>
                        <p><span>本周累计: 68908  </span>    <span>本月累计: 68908</span> </p>
                    </div>
                </div>
                <div class="gzt_item col-lg-3 col-md-6 col-sm-6 col-xs-12">
                    <div class="box box12">
                        <div class="clearfix">
                            <div class="top_title">资讯<span></span></div>
                            <p class="timer  count-number" data-from="50" data-to="68" data-speed="1500">68</p> <!---->
                            <div class="number_list">
                                <div class="number_item">0</div>
                                <div class="number_item">0</div>
                                <div class="number_item">0</div>
                                <div class="number_item">6</div>
                                <div class="number_item">8</div>
                            </div>
                        </div>
                        <p><span>本周累计: 68908  </span>    <span>本月累计: 68908</span> </p>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>

<div class="row">
    <div class="col-lg-12">
        <div class="nav_tab_lsit">
            <a href="javascript:;" class="active"><i class="iconfont icon-guanliyuan"></i>管理视窗</a>
            <a href="javascript:;"><i class="iconfont icon-yunying"></i>运营视窗</a>
        </div>
    </div>
</div>

<div class="sc_item" >
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12">
            <!--nav 部件-->
            <div class="nav_list_2">
                <div class="text_title"><i class="iconfont icon-navicon-tjb"></i>整体看板</div>

                <div class="right_btn_list">
                    <a href="javascript:;" class="btn_item active"><span>今日</span></a>
                    <a href="javascript:;" class="btn_item"><span>昨日</span></a>
                    <a href="javascript:;" class="btn_item"><span>本周</span></a>
                    <a href="javascript:;" class="btn_item"><span>本月</span></a>
                </div>

            </div>
            <div class="gzt_list wk_gzt_list">
                <a href="javascript:;" class="gzt_item">
                    <p class="wgl_title1">职工补贴云产品</p>
                    <p class="wgl_title2">部署总数</p>
                    <p class="wgl_title3">35</p>
                </a>
                <a href="javascript:;" class="gzt_item">
                    <p class="wgl_title1">职工网补贴产品</p>
                    <p class="wgl_title2">补贴单数</p>
                    <p class="wgl_title3">208</p>
                </a>
                <a href="javascript:;" class="gzt_item">
                    <p class="wgl_title1">职工网培训产品</p>
                    <p class="wgl_title2">培训单数</p>
                    <p class="wgl_title3">13</p>
                </a>
                <a href="javascript:;" class="gzt_item">
                    <p class="wgl_title1">职工网福利产品</p>
                    <p class="wgl_title2">福利单数</p>
                    <p class="wgl_title3">8</p>
                </a>
            </div>
            <div class="wk_gzt_list2" style="background-color: #ffffff">
                <a href="javascript:;" class="wgl_item">
                    <p>服务费总额</p>
                    <p class="wgl_title4">125万</p>
                </a>
                <a href="javascript:;" class="wgl_item">
                    <p>待回款服务费</p>
                    <p class="wgl_title4">67万</p>
                </a>
                <a href="javascript:;" class="wgl_item">
                    <p>已入网企业数</p>
                    <p class="wgl_title4">2246</p>
                </a>
                <a href="javascript:;" class="wgl_item">
                    <p>已注册职工数</p>
                    <p class="wgl_title4">74146</p>
                </a>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12">
            <!--nav 部件-->
            <div class="nav_list_2">
                <div class="text_title">
                    <i class="iconfont icon-qiyegongchangjianzhu"></i>企业看板
                    <span class="iconfont icon-tishi"
                          data-toggle="tooltip" data-placement="right" title="1、已入网:企业工会主席已激活。2、待转化:职工已经注册或已经申请补贴，但工会主席未入网。"></span>
                </div>
                <button class="btn btn-sm btn_add pull-right" style="margin-top: 13px">更多 &gt;</button>
                <div class="right_btn_list">
                    <a href="javascript:;" class="btn_item active"><span>今日</span></a>
                    <a href="javascript:;" class="btn_item"><span>昨日</span></a>
                    <a href="javascript:;" class="btn_item"><span>本周</span></a>
                    <a href="javascript:;" class="btn_item"><span>本月</span></a>
                </div>

            </div>

            <div class="qykb_top_list">
                <a href="javascript:;" class="wgl_item">
                    <p>注册数</p>
                    <p class="wgl_title4">125万</p>
                </a>
                <a href="javascript:;" class="wgl_item">
                    <p>登录数</p>
                    <p class="wgl_title4">67万</p>
                </a>
                <a href="javascript:;" class="wgl_item">
                    <p>已入网</p>
                    <p class="wgl_title4">2246</p>
                </a>
                <a href="javascript:;" class="wgl_item">
                    <p>待转化</p>
                    <p class="wgl_title4">74146</p>
                </a>
            </div>

            <div style="background-color: #ffffff;margin-bottom: 20px;padding: 15px 10px;">
                <div id="qy_map" style="height:450px;width: 100%;margin: 0 auto"></div>
            </div>

        </div>
    </div>
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12">
            <!--nav 部件-->
            <div class="nav_list_2">
                <div class="text_title"><i class="iconfont icon-yunbushu"></i>部署情况 <span>点击省份可穿透到市级别</span></div>
            </div>
            <div class="zxdt_list">
                <div class="wk_bushu row">
                    <div class="col-lg-12 col-md-12">
                        <div class="bs_text_list">
                            <div class="text_item">全国部署情况</div>
                            <div class="text_item">运行状态：<strong>42554</strong></div>
                            <div class="text_item">职工总数：<strong>42554</strong></div>
                            <div class="text_item">企业总数：<strong>42554</strong></div>
                            <div class="text_item">补助人数：<strong>42554</strong></div>
                            <div class="text_item">补助总额：<strong>42554</strong></div>
                        </div>
                    </div>
                    <div class="col-lg-12 col-md-12">
                        <button id="open_qg" class="btn btn_add" style="position: absolute ;left: 20px;top: 50px;z-index: 999;display: none;">&lt 返回全国</button>
                        <div id="wk_map" style="height:800px;width: 50%;margin: 0 auto"></div>
                        <div class="map_bs_body">
                            <div class="top_bg">广东省总工会</div>
                            <div class=" ti_title">
                                <span class="zt_text">状态：已部署</span>
                            </div>
                            <div class="tab_lists">
                                <div class="tab_item">
                                    <strong>1543</strong>
                                    <p>职工总数</p>
                                </div>
                                <div class="tab_item">
                                    <strong>1543</strong>
                                    <p>企业总数</p>
                                </div>
                                <div class="tab_item">
                                    <strong>1543</strong>
                                    <p>补助人数</p>
                                </div>
                                <div class="tab_item">
                                    <strong>￥1543</strong>
                                    <p>补助总额</p>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12">
            <!--nav 部件-->
            <div class="nav_list_2">
                <div class="text_title"><i class="iconfont icon-89"></i>业绩看板</div>

                <div class="right_btn_list">
                    <a href="javascript:;" class="btn_item active"><span>今日</span></a>
                    <a href="javascript:;" class="btn_item"><span>昨日</span></a>
                    <a href="javascript:;" class="btn_item"><span>本周</span></a>
                    <a href="javascript:;" class="btn_item"><span>本月</span></a>
                </div>

            </div>
            <div class="zxdt_list row" style="margin: 0 0 20px">
                <div class="col-lg-6 col-md-12">
                    <div style="line-height: 32px;margin-bottom: 10px;font-size: 16px;font-weight: bold">
                        团队
                    </div>
                    <div id="td_map" style="height:450px;width: 100%;margin: 0 auto"></div>
                </div>
                <div class="col-lg-6 col-md-12">
                    <div style="line-height: 32px;margin-bottom: 10px;font-size: 16px;font-weight: bold">
                        成员
                        <select class="form-control pull-right" style="width: 150px">
                            <option value="">请选择部门</option>
                            <option value="xx">xx</option>
                            <option value="xx">xx</option>
                            <option value="xxx">xx</option>
                        </select>
                    </div>
                    <div style="overflow: auto;height: 445px">
                        <table class="table table-bordered table_index" >
                            <thead>
                            <tr>
                                <th>部门</th>
                                <th>业务员</th>
                                <th>企业总数</th>
                                <th>入网企业</th>
                                <th>合作企业</th>
                                <th>职工</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr bgcolor="#f6f8fa">
                                <td rowspan="3" align="left">市场一线</td>
                                <td>王强</td>
                                <td>2200人</td>
                                <td>2200人</td>
                                <td>0人</td>
                                <td>2200人</td>
                            </tr>
                            <tr bgcolor="#f6f8fa">
                                <td>王强</td>
                                <td>2200人</td>
                                <td>2200人</td>
                                <td>0人</td>
                                <td>2200人</td>
                            </tr>
                            <tr bgcolor="#f6f8fa">
                                <td>王强</td>
                                <td>2200人</td>
                                <td>2200人</td>
                                <td>0人</td>
                                <td>2200人</td>
                            </tr>
                            <tr>
                                <td rowspan="3" align="left">市场二线</td>
                                <td>王强</td>
                                <td>2200人</td>
                                <td>2200人</td>
                                <td>0人</td>
                                <td>2200人</td>
                            </tr>
                            <tr>
                                <td>王强</td>
                                <td>2200人</td>
                                <td>2200人</td>
                                <td>0人</td>
                                <td>2200人</td>
                            </tr>
                            <tr>
                                <td>王强</td>
                                <td>2200人</td>
                                <td>2200人</td>
                                <td>0人</td>
                                <td>2200人</td>
                            </tr>
                            <tr>
                                <td rowspan="3" align="left">市场二线</td>
                                <td>王强</td>
                                <td>2200人</td>
                                <td>2200人</td>
                                <td>0人</td>
                                <td>2200人</td>
                            </tr>
                            <tr>
                                <td>王强</td>
                                <td>2200人</td>
                                <td>2200人</td>
                                <td>0人</td>
                                <td>2200人</td>
                            </tr>
                            <tr>
                                <td>王强</td>
                                <td>2200人</td>
                                <td>2200人</td>
                                <td>0人</td>
                                <td>2200人</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>

                </div>

            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <!--nav 部件-->
            <div class="nav_list_2">
                <div class="text_title"><i class="iconfont icon-zhuanhuashuai"></i>转化看板</div>
            </div>

            <div class="row" style="margin: 0 0 20px; background-color: #ffffff">
                <div class="col-lg-6 col-md-12 col-sm-12">
                    <div class="zxdt_list">
                        <div class="wk_chart">
                            <div class="pull-right wk_chart_img wk_chart_img01">
                            </div>
                            <div class="wk_chart_cont">
                                <div class="wkcc_list">
                                    <p>企业库</p>
                                    <span>总数2300家</span>
                                </div>
                                <div class="wkcc_list">
                                    <p>已入网企业1250家</p>
                                    <span>入网率50%</span>
                                </div>
                                <div class="wkcc_list">
                                    <p>已购买服务企业525家</p>
                                    <span>购买率50%</span>
                                </div>
                                <div class="wkcc_list">
                                    <p>已付款企业102</p>
                                    <span>付款率20%</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-12 col-sm-12">
                    <div class="zxdt_list">
                        <div class="wk_chart">
                            <div class="pull-right wk_chart_img wk_chart_img02">
                            </div>
                            <div class="wk_chart_cont">
                                <div class="wkcc_list">
                                    <p>已注册</p>
                                    <span>职工15000人</span>
                                </div>
                                <div class="wkcc_list">
                                    <p>已被认领职工7500个</p>
                                    <span>认领率50%</span>
                                </div>
                                <div class="wkcc_list">
                                    <p>已申报服务职工10000个</p>
                                    <span>申报率50%</span>
                                </div>
                                <div class="wkcc_list">
                                    <p>已享受服务职工7000</p>
                                    <span>服务率70%</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <!--nav 部件-->
            <div class="nav_list_2">
                <div class="text_title"><i class="iconfont icon-caiwu"></i>财务看板</div>
            </div>

            <div class="row"  style="margin: 0 0 20px; background-color: #ffffff">
                <div class="col-lg-8 col-md-12 col-sm-12">
                    <div class="cwkb_indx_left">
                        <div class="left_body">
                            <h4>财务指标</h4>
                            <a href="jvascript:;" class="show_title_cwzb">
                                <div id="leftcircle" class="circle_orange">
                                    <span data-jd="90">设置目标</span>
                                    <div class="slice">
                                        <div class="bar" style="transform: rotate(250deg);"></div>
                                        <div class="fill"></div>
                                    </div>
                                </div>
                            </a>
                            <p>总体目标进度</p>
                        </div>
                        <div class="content_body">
                            <div class="content_body_left">
                                <p><span class="jd" style="width: 20%"></span> 本周收款金额 <strong>￥154</strong> <i>35%</i></p>
                                <p><span class="jd" style="width: 50%"></span> 本周收款金额 <strong>￥154</strong> <i>50%</i></p>
                                <p><span class="jd" style="width: 60%"></span> 本周收款金额 <strong>￥154</strong> <i>60%</i></p>
                            </div>
                            <div class="content_body_right">
                                <div id="contentcircle" class="circle_orange">
                                    <span data-jd="60">60%</span>
                                    <div class="slice">
                                        <div class="bar" style="transform: rotate(250deg);"></div>
                                        <div class="fill"></div>
                                    </div>
                                </div>
                                <span class="footer_text">本月完成目标数</span>
                            </div>
                        </div>
                        <div class="right_body">
                            <div class="wh_100">￥4515万</div>
                            <span class="footer_text">本月完成目标数</span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-12 col-sm-12">
                    <div style="margin: 20px 0;    overflow: auto;height: 260px;">
                        <table class="table table-bordered table_index">
                            <thead>
                            <tr>
                                <th>付款人</th>
                                <th>订单编号</th>
                                <th>应收金额</th>
                                <th>应付时间</th>
                                <th>联系人</th>
                                <th>业务联系人</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>广东省总工会</td>
                                <td>已部署</td>
                                <td>xxxx</td>
                                <td>xxxxx</td>
                                <td>xxxxx</td>
                                <td>xxxxx</td>
                            </tr>
                            <tr>
                                <td>广东省总工会</td>
                                <td>已部署</td>
                                <td>xxxx</td>
                                <td>xxxxx</td>
                                <td>xxxxx</td>
                                <td>xxxxx</td>
                            </tr>
                            <tr>
                                <td>广东省总工会</td>
                                <td>已部署</td>
                                <td>xxxx</td>
                                <td>xxxxx</td>
                                <td>xxxxx</td>
                                <td>xxxxx</td>
                            </tr>
                            <tr>
                                <td>广东省总工会</td>
                                <td>已部署</td>
                                <td>xxxx</td>
                                <td>xxxxx</td>
                                <td>xxxxx</td>
                                <td>xxxxx</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
<div class="sc_item" style="display: none">
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12">
            <!--nav 部件-->
            <div class="nav_list_2">
                <div class="text_title"><i class="iconfont icon-teaching-staff"></i>职工看板</div>

                <div class="right_btn_list">
                    <a href="javascript:;" class="btn_item active"><span>今日</span></a>
                    <a href="javascript:;" class="btn_item"><span>昨日</span></a>
                    <a href="javascript:;" class="btn_item"><span>本周</span></a>
                    <a href="javascript:;" class="btn_item"><span>本月</span></a>
                </div>

            </div>
            <div class="row" style="margin: 0 0 20px ;background-color: #ffffff">
                <div class="col-lg-4 col-md-12">
                    <div class="col-lg-6 col-md-3">
                        <div class=" gzt_list wk_gzt_list">
                            <a href="javascript:;" class="gzt_item">
                                <p class="wgl_title1">职工总数</p>
                                <p class="wgl_title3">35</p>
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-3">
                        <div class=" gzt_list wk_gzt_list">
                            <a href="javascript:;" class="gzt_item">
                                <p class="wgl_title1">登录数</p>
                                <p class="wgl_title3">208</p>
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-3">
                        <div class=" gzt_list wk_gzt_list">
                            <a href="javascript:;" class="gzt_item">
                                <p class="wgl_title1">在线数</p>
                                <p class="wgl_title3">13</p>
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-3">
                        <div class=" gzt_list wk_gzt_list">
                            <a href="javascript:;" class="gzt_item">
                                <p class="wgl_title1">在线咨询数</p>
                                <p class="wgl_title3">13</p>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-8 col-md-12" style="margin-top: 20px">
                    <div id="zg_map" style="height:350px;width: 100%;margin: 0 auto"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12">
            <!--nav 部件-->
            <div class="nav_list_2">
                <div class="text_title"><i class="iconfont icon-liuliangcopy"></i>流量看板</div>

                <div class="right_btn_list">
                    <a href="javascript:;" class="btn_item active"><span>今日</span></a>
                    <a href="javascript:;" class="btn_item"><span>昨日</span></a>
                    <a href="javascript:;" class="btn_item"><span>本周</span></a>
                    <a href="javascript:;" class="btn_item"><span>本月</span></a>
                </div>

            </div>
            <div class="row" style="margin: 0 0 20px ;background-color: #ffffff">
                <div class="col-lg-12 col-md-12" style="padding: 20px 50px">
                    <table class="llkb_table">
                        <thead>
                        <tr>
                            <th></th>
                            <th>浏览量(pv)</th>
                            <th>访客数(uv)</th>
                            <th>IP数</th>
                            <th>跳出率</th>
                            <th>平均访问时长</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>今日</td>
                            <td>11,2546</td>
                            <td>1,897</td>
                            <td>854</td>
                            <td>41.80%</td>
                            <td>00:50:22</td>
                        </tr>
                        <tr>
                            <td>昨日</td>
                            <td>11,2546</td>
                            <td>1,897</td>
                            <td>854</td>
                            <td>41.80%</td>
                            <td>00:50:22</td>
                        </tr>
                        <tr>
                            <td>预计今日</td>
                            <td>11,2546</td>
                            <td>1,897 <i class="iconfont icon-shangsheng"></i></td>
                            <td>854 <i class="iconfont icon-shangsheng"></i></td>
                            <td>41.80%  <i class="iconfont icon-t-xiajiang"></i></td>
                            <td>00:50:22</td>
                        </tr>
                        </tbody>
                    </table>
                    <hr>
                </div>
                <div class="col-lg-12 col-md-12" style="margin-top: 20px">
                    此处插入第三方插件
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12">
            <!--nav 部件-->
            <div class="nav_list_2">
                <div class="text_title"><i class="iconfont icon-fuwu2"></i>服务看板</div>

                <div class="right_btn_list">
                    <a href="javascript:;" class="btn_item active"><span>今日</span></a>
                    <a href="javascript:;" class="btn_item"><span>昨日</span></a>
                    <a href="javascript:;" class="btn_item"><span>本周</span></a>
                    <a href="javascript:;" class="btn_item"><span>本月</span></a>
                </div>

            </div>
            <div class="row" style="margin: 0 0 20px ;background-color: #ffffff">
                <div class="col-lg-6 col-md-12">
                    <div id="hr_map" style="height:450px;width: 100%;margin: 0 auto"></div>
                </div>
                <div class="col-lg-6 col-md-12">
                    <div id="hc_map" style="height:450px;width: 100%;margin: 0 auto"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12">
            <!--nav 部件-->
            <div class="nav_list_2">
                <div class="text_title"><i class="iconfont icon-xiangmu"></i>项目看板</div>

                <div class="right_btn_list">
                    <a href="javascript:;" class="btn_item active"><span>福利</span></a>
                    <a href="javascript:;" class="btn_item"><span>培训</span></a>
                </div>

            </div>
            <div class="row" style="margin: 0 0 20px ;background-color: #ffffff">
                <div class="col-lg-12 col-md-12" style="padding: 50px 20px 0">
                    <div class="xm_v3_kb">
                        <span class="title_text">广东省总工会</span>
                        <div class="text_body">
                            <div class="col-sm-5">
                                <p>广东省总工会补贴培训大赛补贴奖金</p>
                                <p>补贴金额： <span class="text-danger">￥45986</span></p>
                                <p>补贴类型: 学历</p>
                            </div>
                            <div class="col-sm-7">
                                <div class="number_list">
                                    <div class="number_item">
                                        <p>2</p>
                                        <p>覆盖人群</p>
                                    </div>
                                    <div class="number_item">
                                        <p>2</p>
                                        <p>申报人</p>
                                    </div>
                                    <div class="number_item">
                                        <p>2</p>
                                        <p>待审核</p>
                                    </div>
                                    <div class="number_item">
                                        <p>2</p>
                                        <p>通过人数</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="xm_v3_kb">
                        <span class="title_text">广东省总工会</span>
                        <div class="text_body">
                            <div class="col-sm-5">
                                <p>广东省总工会补贴培训大赛补贴奖金</p>
                                <p>补贴金额： <span class="text-danger">￥45986</span></p>
                                <p>补贴类型: 学历</p>
                            </div>
                            <div class="col-sm-7">
                                <div class="number_list">
                                    <div class="number_item">
                                        <p>2</p>
                                        <p>覆盖人群</p>
                                    </div>
                                    <div class="number_item">
                                        <p>2</p>
                                        <p>申报人</p>
                                    </div>
                                    <div class="number_item">
                                        <p>2</p>
                                        <p>待审核</p>
                                    </div>
                                    <div class="number_item">
                                        <p>2</p>
                                        <p>通过人数</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12">
            <!--nav 部件-->
            <div class="nav_list_2">
                <div class="text_title"><i class="iconfont icon-pingjia"></i>评价看板</div>

                <div class="right_btn_list">
                    <a href="javascript:;" class="btn_item active"><span>今日</span></a>
                    <a href="javascript:;" class="btn_item"><span>昨日</span></a>
                    <a href="javascript:;" class="btn_item"><span>本周</span></a>
                    <a href="javascript:;" class="btn_item"><span>本月</span></a>
                </div>

            </div>
            <div class="row" style="margin: 0 0 20px ;background-color: #ffffff">
                <div class="col-lg-12 col-md-12" style="padding: 20px 50px">
                    <div class="comments">
                        <section class="comments-list" style="max-height: 540px; overflow: auto">
                            <div class="comment">
                                <a href="###" class="avatar">
                                    <img src="../images/wtjjtx_1.jpg" alt="" class="img-circle" width="40px" height="40px">
                                </a>
                                <div class="content">
                                    <div class="pull-right text-muted">2 个小时前</div>
                                    <div><a href="###"><strong>Catouse</strong></a> <span class="text-muted">回复</span> <a href="###">张士超</a></div>
                                    <div class="text">你到底把我家钥匙放哪里了...</div>
                                    <div class="actions">
                                        <a href="##">回复</a>
                                        <a href="##">删除</a>
                                    </div>
                                </div>
                            </div>
                            <div class="comment">
                                <a href="###" class="avatar">
                                    <img src="../images/wtjjtx_1.jpg" alt="" class="img-circle" width="40px" height="40px">
                                </a>
                                <div class="content">
                                    <div class="pull-right text-muted">2 个小时前</div>
                                    <div><a href="###"><strong>Catouse</strong></a> <span class="text-muted">回复</span> <a href="###">张士超</a></div>
                                    <div class="text">你到底把我家钥匙放哪里了...</div>
                                    <div class="actions">
                                        <a href="##">回复</a>
                                        <a href="##">删除</a>
                                    </div>
                                </div>
                            </div>
                            <div class="comment">
                                <a href="###" class="avatar">
                                    <img src="../images/wtjjtx_1.jpg" alt="" class="img-circle" width="40px" height="40px">
                                </a>
                                <div class="content">
                                    <div class="pull-right text-muted">2 个小时前</div>
                                    <div><a href="###"><strong>Catouse</strong></a> <span class="text-muted">回复</span> <a href="###">张士超</a></div>
                                    <div class="text">你到底把我家钥匙放哪里了...</div>
                                    <div class="actions">
                                        <a href="##">回复</a>
                                        <a href="##">删除</a>
                                    </div>
                                </div>
                            </div>
                        </section>
                        <footer>
                            <div class="reply-form" id="commentReplyForm1">
                                <a href="###" class="avatar">
                                    <img src="../images/wtjjtx_3.jpg" alt="" class="img-circle" width="40px" height="40px">
                                </a>
                                <form class="form">
                                    <div class="form-group">
                                        <textarea class="form-control new-comment-text" rows="2" placeholder="回复评论..."></textarea>
                                    </div>
                                    <div class="form-group comment-user">
                                        <div class="row">
                                            <div class="col-md-2"><button type="submit" class="btn btn-block btn-primary"><i class="icon-ok"></i></button></div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </footer>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--
<div class="circle_orange">
    <span>60%</span>
    <div class="slice">
        <div class="bar" style="transform: rotate(216deg);"></div>
        <div class="fill"></div>
    </div>
</div>-->

<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="../style/dist/zui@1.8.1/js/zui.min.js"></script>
<script src="http://172.16.170.119:801/workeredu_cn/platform_admin/v1.0/js/countTo.js"></script>
<script src="../js/echarts.min.js"></script>

<script type="text/javascript">

    $(function () {
        $('[data-toggle="tooltip"]').tooltip();

        $('.nav_list').on('click', 'a', function () {
            $(this).addClass('active').siblings().removeClass('active');
        })

        $('.right_btn_list').on('click', 'a', function () {
            $(this).addClass('active').siblings().removeClass('active');
        })

        $('.nav_tab_lsit').on('click','a',function () {
            $(this).addClass('active').siblings().removeClass('active') ;
            $('.sc_item').hide().eq($(this).index()).show() ;

            /*重置图形*/
            hrChart.resize();
            hcChart.resize();
            zgChart.resize();
            myChart.resize();
            qyChart.resize();
            tdChart.resize();
        })
    })


    var hrChart = echarts.init(document.getElementById('hr_map'));
    var hcChart = echarts.init(document.getElementById('hc_map'));
    var zgChart = echarts.init(document.getElementById('zg_map'));
    var tdChart = echarts.init(document.getElementById('td_map'));
    var qyChart = echarts.init(document.getElementById('qy_map'));
    var myChart = echarts.init(document.getElementById('wk_map'));
    /*部署情况*/
    var provinces = {
        '上海': './js/json/data-1482909900836-H1BC_1WHg.json',
        '河北': './js/json/data-1482909799572-Hkgu_yWSg.json',
        '山西': './js/json/data-1482909909703-SyCA_JbSg.json',
        '内蒙古': './js/json/data-1482909841923-rkqqdyZSe.json',
        '辽宁': './js/json/data-1482909836074-rJV9O1-Hg.json',
        '吉林': './js/json/data-1482909832739-rJ-cdy-Hx.json',
        '黑龙江': './js/json/data-1482909803892-Hy4__J-Sx.json',
        '江苏': './js/json/data-1482909823260-HkDtOJZBx.json',
        '浙江': './js/json/data-1482909960637-rkZMYkZBx.json',
        '安徽': './js/json/data-1482909768458-HJlU_yWBe.json',
        '福建': './js/json/data-1478782908884-B1H6yezWe.json',
        '江西': './js/json/data-1482909827542-r12YOJWHe.json',
        '山东': './js/json/data-1482909892121-BJ3auk-Se.json',
        '河南': './js/json/data-1482909807135-SJPudkWre.json',
        '湖北': './js/json/data-1482909813213-Hy6u_kbrl.json',
        '湖南': './js/json/data-1482909818685-H17FOkZSl.json',
        '广东': './js/json/data-1482909784051-BJgwuy-Sl.json',
        '广西': './js/json/data-1482909787648-SyEPuJbSg.json',
        '海南': './js/json/data-1482909796480-H12P_J-Bg.json',
        '四川': './js/json/data-1482909931094-H17eKk-rg.json',
        '贵州': './js/json/data-1482909791334-Bkwvd1bBe.json',
        '云南': './js/json/data-1482909957601-HkA-FyWSx.json',
        '西藏': './js/json/data-1482927407942-SkOV6Qbrl.json',
        '陕西': './js/json/data-1482909918961-BJw1FyZHg.json',
        '甘肃': './js/json/data-1482909780863-r1aIdyWHl.json',
        '青海': './js/json/data-1482909853618-B1IiOyZSl.json',
        '宁夏': './js/json/data-1482909848690-HJWiuy-Bg.json',
        '新疆': './js/json/data-1482909952731-B1YZKkbBx.json',
        '北京': './js/json/data-1482818963027-Hko9SKJrg.json',
        '天津': './js/json/data-1482909944620-r1-WKyWHg.json',
        '重庆': './js/json/data-1482909775470-HJDIdk-Se.json',
        '香港': './js/json/data-1461584707906-r1hSmtsx.json',
        '澳门': './js/json/data-1482909771696-ByVIdJWBx.json'
    };

    //各省份的数据
    var allData = [] ;
    var qg = [{
        name: '北京', value: 1
    }, {
        name: '天津', value: 1
    }, {
        name: '上海', value: 1
    }, {
        name: '重庆', value: 1
    }, {
        name: '河北', value: 1
    }, {
        name: '河南', value: 1
    }, {
        name: '云南', value: 1
    }, {
        name: '辽宁', value: 1
    }, {
        name: '黑龙江', value: 1
    }, {
        name: '湖南', value: 2
    }, {
        name: '安徽', value: 1
    }, {
        name: '山东', value: 1
    }, {
        name: '新疆', value: 3
    }, {
        name: '江苏', value: 2
    }, {
        name: '浙江', value: 1
    }, {
        name: '江西', value: 1
    }, {
        name: '湖北', value: 2
    }, {
        name: '广西', value: 2
    }, {
        name: '甘肃', value: 2
    }, {
        name: '山西', value: 1
    }, {
        name: '内蒙古', value: 1
    }, {
        name: '陕西', value: 1
    }, {
        name: '吉林', value: 2
    }, {
        name: '福建', value: 1
    }, {
        name: '贵州', value: 2
    }, {
        name: '广东', value: 1
    }, {
        name: '青海', value: 1
    }, {
        name: '西藏', value: 3
    }, {
        name: '四川', value: 2
    }, {
        name: '宁夏', value: 1
    }, {
        name: '海南', value: 1
    }, {
        name: '台湾', value: 3
    }, {
        name: '香港', value: 2
    }, {
        name: '澳门', value: 1
    }];
    allData = qg ;


    loadMap('./js/json/data-1527045631990-r1dZ0IM1X.json', 'china');//初始化全国地图

    var timeFn = null;

    //单击切换到省级地图，当mapCode有值,说明可以切换到下级地图
    myChart.on('click', function(params) {
        clearTimeout(timeFn);
        //由于单击事件和双击事件冲突，故单击的响应事件延迟250毫秒执行
        timeFn = setTimeout(function() {
            var name = params.name; //地区name
            var mapCode = provinces[name]; //地区的json数据
            if (!mapCode) {
                console.log('没有下一级的')
                return;
            }


            //例如
            allData = [{
                name: '广州市', value: 1
            }, {
                name: '佛山市', value: 3
            }, {
                name: '惠州市', value: 2
            }, {
                name: '清远市', value: 1
            }] ;

            $('#open_qg').show() ; //显示


            loadMap(mapCode, name);

        }, 250);
    });


    // 绑定双击事件，返回全国地图
    myChart.on('dblclick', function(params) {
        //当双击事件发生时，清除单击事件，仅响应双击事件
        clearTimeout(timeFn);
        $('#open_qg').hide() ; //隐藏按钮
        openChina() ;
    });

    $('#open_qg').click(function () {
        $('#open_qg').hide() ; //隐藏按钮s
        openChina() ;
    })

    function openChina() {//返回全国地图
        allData = qg ;
        loadMap('./js/json/data-1527045631990-r1dZ0IM1X.json', 'china');
    }

    /**
     获取对应的json地图数据，然后向echarts注册该区域的地图，最后加载地图信息
     @params {String} mapCode:json数据的地址
     @params {String} name: 地图名称
     */
    function loadMap(mapCode, name) {
        $.get(mapCode, function(data) {
            if (data) {
                echarts.registerMap(name, data);
                var option = {
                    tooltip: {
                        show: true,
                        formatter: function(params) {
                            if (params.data) return params.name
                        },
                    },
                    roam:true,
                    dataRange: {
                        min: 0,
                        max: 5,
                        x: '80%',
                        y: '5%',
                        splitList: [
                            {
                                start:0,
                                end: 1.5,
                                label: '未部署',
                                color: '#A6A6A6'
                            },{
                                start: 1.5,
                                end: 2.5,
                                label: '转化中',
                                color: '#D9612C'
                            },{
                                start: 2.5,
                                end: 3.5,
                                label: '已部署',
                                color: '#4886C0'
                            }
                        ]
                    },
                    geo:{
                        layoutCenter: ['30%', '30%'],
                        layoutSize:'100%',
                        scaleLimit:{
                            min:100 ,
                            max:500 ,
                        },
                        zoom:1,
                        aspectScale: 1 ,
                    },
                    roamController: {
                        show: true,
                        x: 'right',
                        mapTypeControl: {
                            name: true
                        }
                    },
                    series: [{
                        name: 'MAP',
                        type: 'map',
                        mapType: name,
                        roam: false,
                        itemStyle: {
                            normal: {
                                label: {
                                    show: true
                                }
                            },
                            emphasis: {
                                label: {
                                    show: true
                                }
                            }

                        },
                        data: allData
                    }]
                };
                myChart.setOption(option);
            } else {
                alert('无法加载该地图');
            }
        });
    }

    /*企业看板*/
    qyOption = {
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'cross',
                crossStyle: {
                    color: '#999'
                }
            }
        },
        legend: {
            data:['总数','占比']
        },
        xAxis: [
            {
                type: 'category',
                data: ['系统后台新增','后台导入','职工注册','PC企业注册','WAP主席平台','工会创建'],
                axisPointer: {
                    type: 'shadow'
                }
            }
        ],
        yAxis: [
            {
                type: 'value',
                name: '企业入网渠道',
                min: 0,
                axisLabel: {
                    formatter: '{value} 人'
                }
            }
        ],
        series: [
            {
                name:'总数',
                type:'bar',
                color: '#4787BF',
                data:[2.0, 4.9, 7.0, 23.2, 25.6, 76.7]
            },
            {
                name:'占比',
                type:'bar',
                color: '#F73458',
                data:[2.6, 5.9, 9.0, 26.4, 28.7, 70.7]
            }
        ]
    };
    qyChart.setOption(qyOption);

    /*职工看板*/
    zgOption = {
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'cross',
                crossStyle: {
                    color: '#999'
                }
            }
        },
        legend: {
            data:['数量']
        },
        xAxis: [
            {
                type: 'category',
                data: ['PC版补贴订阅','公众号','APP端','PC端注册页','朋友圈广告'],
                axisPointer: {
                    type: 'shadow'
                }
            }
        ],
        yAxis: [
            {
                type: 'value',
                name: '渠道分析',
                min: 0,
                axisLabel: {
                    formatter: '{value} 人'
                }
            }
        ],
        series: [
            {
                name:'数量',
                type:'bar',
                color: '#4787BF',
                data:[2.0, 4.9, 7.0, 23.2, 25.6]
            }
        ]
    };
    zgChart.setOption(zgOption);

    /*业绩看板*/
    tdOption = {
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'cross',
                crossStyle: {
                    color: '#999'
                }
            }
        },
        legend: {
            data: ['业务员','企业总数','职工注册','入网企业','合作企业','职工']
        },
        xAxis: [
            {
                type: 'category',
                data: ['xxx部门','xxx部门','xxx部门','xxx部门','xxx部门','xxx部门'],
                axisPointer: {
                    type: 'shadow'
                }
            }
        ],
        yAxis: [
            {
                type: 'value',
            }
        ],
        series: [
            {
                name:'业务员',
                type:'bar',
                data:[2.0, 4.9, 7.0, 23.2, 25.6, 76.7]
            },
            {
                name:'企业总数',
                type:'bar',
                data:[2.6, 5.9, 9.0, 26.4, 28.7, 70.7]
            },
            {
                name:'职工注册',
                type:'bar',
                data:[2.6, 5.9, 9.0, 26.4, 28.7, 70.7]
            },
            {
                name:'入网企业',
                type:'bar',
                data:[2.6, 5.9, 9.0, 26.4, 28.7, 70.7]
            },
            {
                name:'合作企业',
                type:'bar',
                data:[2.6, 5.9, 9.0, 26.4, 28.7, 70.7]
            },
            {
                name:'职工',
                type:'bar',
                data:[2.6, 5.9, 9.0, 26.4, 28.7, 70.7]
            }
        ]
    };
    tdChart.setOption(tdOption);

    /*服务看板*/
    hrOption = {
        title : {
            text: '呼入总量',
            subtext: '182',
            x:'center',
            top:'40'
        },
        tooltip : {
            trigger: 'item',
            formatter: "{a} <br/>{b} : {c} ({d}%)"
        },
        legend: {
            orient: 'vertical',
            left: 'left',
            show: false,
            data: ['接入接通','振铃未接通']
        },
        series : [
            {
                name: '呼入总量',
                type: 'pie',
                radius : '55%',
                center: ['50%', '60%'],
                data:[
                    {value:335, name:'接入接通'},
                    {value:310, name:'振铃未接通'},
                ],
                itemStyle: {
                    emphasis: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                }
            }
        ]
    };
    hrChart.setOption(hrOption);

    hcOption = {
        title : {
            text: '呼出总量',
            subtext: '182',
            x:'center',
            top:'40'
        },
        tooltip : {
            trigger: 'item',
            formatter: "{a} <br/>{b} : {c} ({d}%)"
        },
        legend: {
            orient: 'vertical',
            left: 'left',
            show: false,
            data: ['呼出接通','呼出未接通']
        },
        series : [
            {
                name: '呼出总量',
                type: 'pie',
                radius : '55%',
                center: ['50%', '60%'],
                data:[
                    {value:335, name:'呼出接通'},
                    {value:310, name:'呼出未接通'},
                ],
                itemStyle: {
                    emphasis: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                }
            }
        ]
    };
    hcChart.setOption(hcOption);
    window.addEventListener("resize", function () {//自适应
        hrChart.resize();
        hcChart.resize();
        zgChart.resize();
        myChart.resize();
        qyChart.resize();
        tdChart.resize();
    });


    /*处理环形进度条*/
    $(document).ready(function () {
        var rotationMultiplier = 3.6;
        $( "div[id$='circle']" ).each(function() {
            var classList = $( this );
            for (var i = 0; i < classList.length; i++) {
                var rotationPercentage =classList.find('span').data('jd');
                var rotationDegrees = rotationMultiplier*rotationPercentage;
                classList.find('.slice').find('.bar').css({
                    '-webkit-transform' : 'rotate(' + rotationDegrees + 'deg)',
                    '-moz-transform'    : 'rotate(' + rotationDegrees + 'deg)',
                    '-ms-transform'     : 'rotate(' + rotationDegrees + 'deg)',
                    '-o-transform'      : 'rotate(' + rotationDegrees + 'deg)',
                    'transform'         : 'rotate(' + rotationDegrees + 'deg)'
                });
            }
        });
    });


    $('.show_title_cwzb').click(function () {
        new $.zui.Messager('暂未开放', {
            type: 'default' // 定义颜色主题
        }).show();
    })
</script>

</body>
</html>